<template>
	<view>
		<template v-if="paginate&&paginate.data.length">
			<view v-for="(item,index) in paginate.data" :key="index" style="border-radius: 10px;background: linear-gradient(#dcf2e0, #ffffff);padding: 10px;margin-bottom: 10px;">
				<view class="justify-between"  >
					<view>
						<text style="font-size: 16px;">订单号：{{item.order_sn}}</text>
					</view>
					<view style="padding: 6px 8px;border-radius: 12px;font-size: 14px;" class="text-color">已支付</view>
				</view>
				<view class="align-center justify-between" style="margin-top: 10px;" >
					<view>
						<span class="myicon icon-yuebao text-color" style="font-size: 20px;margin-right: 14px;"></span>
						<text style="font-size: 16px;">{{item.pay_money}}</text>
					</view>
					<text>{{formatTime(item.add_time)}}</text>
				</view>
			</view>
		</template>
		<Empty v-else></Empty>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				paginate:null,
			}
		},
		onLoad() {
			this.getData()
			
		},
		methods: {
			getData(){
				this.get('crud/list',{table:'charge_order',is_pay:1,limit:9999 }).then(({code,paginate})=>{
					if(code==1){
						this.paginate=paginate
					}
				})
			}
		}
	}
</script>

<style>

</style>
